Espacement et grid

Utiliser un layout system / spacing system :

• 4/8px grid system : 4, 8, 12, 16, 20, 24, 32, 40, 48
• 10px grid system : pas terrible ? pas assez granulaire ?
• Utiliser la layout grid dans Figma (avec une grid à 16px par ex ; ou par ex grille de 12 colonnes, marge 64 et gutter 32)
• Golden ratio pour la balance entre la font de body et de heading : multiplier la taille de font de body par 1.5-2 (ex: 16px * 2 = 32px)

Comment bien utiliser l'espacement :

• On peut utiliser du whitespace pour séparer les éléments au lieu d'utiliser des lignes, cards, background colors,...
• Espacement externe toujours supérieur à l'espacement interne
• Quand on débute on a tendance à minimiser le whitespace, ne pas hésiter à l'augmenter beaucoup plus que ce qu'on ferait